<template>
	<div id="container">
		<header>
				<van-nav-bar
				 
				  title="礼券兑换"
				  left-text="返回"
				  left-arrow
				  @click-left="onClickLeft"
				/>
		</header>
		<div id="content">
			<h3>请输入礼券对面的密码，换取积分</h3>
			<!-- 输入框 -->
			<input type="text" class="couponnum" placeholder="请输入礼品券号">
			<input type="text" class="couponpassword" placeholder="请输入礼品密码">
			<van-button type="danger">确认</van-button>
		</div>
	</div>
</template>

<script>
	export default{
		name:"Giftcoupon",
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped>
h1,h2,h3{
	padding: 0;
	margin: 0;
	line-height: 1;
}
/*---------------------header--------------*/
header .van-nav-bar{
	height:47px;
	border:1px solid #F3F3F3;
}
header .van-nav-bar__title{
	font-size:18px;
	font-weight:600;
	font-family:"楷体";
}
.van-nav-bar__text,.van-nav-bar__arrow{
	font-size:16px;
	color: #000000;
	font-weight:600;
}
header .van-nav-bar__text{
	font-family: "楷体";
	font-weight:600;
}
/* --------------------content-h3---------------- */
#content{
	overflow: hidden;
}
#content h3{
	font-size: 15px;
	color: #646464;
	font-family: "楷体";
	margin: 20px 0px 3px 18px;
}
#content input{
	display: block;
	border:0;
	border-bottom: 1px solid #969696;
	width:343px;
	height:70px;
	font-size: 20px;
	font-family: "楷体";
	margin-left: 13px;
	/* line-height: 70px; */
}
#content .van-button{
	margin-top: 42px;
	width:342px;
	height:56px;
	background-color:#fcada0;
	margin-left: 16px;
	border:0;
}
</style>
